<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:fragment="navbar_left">
<nav class="navbar-default navbar-static-side" role="navigation" >
    <div class="sidebar-collapse">
        <ul class="nav metismenu" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span>
                        <img alt="image" class="img-circle"
                             th:src="@{https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif?imageView2/1/w/60/h/60}"/>
                    </span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="clear">
                            <span class="block m-t-xs">
                                <strong class="font-bold" th:text="${session.user_name}"></strong>
                            </span>
                            <div th:if="${session.user_flag} == '0'">
                                <span class="text-muted text-xs block">
                                 Student User
                                </span>
                            </div>
                            <div th:if="${session.user_flag} == '1'">
                                <span class="text-muted text-xs block">
                                 Company User
                                </span>
                            </div>
                        </span>
                    </a>
                </div>
                <div class="logo-element">
                    Jobster
                </div>
            </li>
            <li th:if="${session.user_flag} == '0'"
                th:classappend="${session.menu == '00' || session.menu == '01' || session.menu == '02'} ? 'active'" >
                <a href="#">
                    <i class="fa fa-th-large"></i>
                    <span class="nav-label">Dashboards</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse">
                    <li th:classappend="${session.menu == '00'} ? 'active'">
                        <a th:href="@{/user/profile/index.html}">My Profile</a>
                    </li>
                    <li th:classappend="${session.menu == '01'} ? 'active'">
                        <a th:href="@{/user/follow.html}">My Follow</a>
                    </li>
                    <li th:classappend="${session.menu == '02'} ? 'active'">
                        <a th:href="@{/user/friend.html}">My Friends</a>
                    </li>
                </ul>
            </li>
            <li th:if="${session.user_flag} == '1'"
                th:classappend="${session.menu == '10' || session.menu == '11' || session.menu == '12' || session.menu == '13'} ? 'active'" >
                <a href="#">
                    <i class="fa fa-th-large"></i>
                    <span class="nav-label">Dashboards</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse">
                    <li th:classappend="${session.menu == '10'} ? 'active'">
                        <a th:href="@{/user/profile/index.html}">My Profile</a>
                    </li>
                    <li th:classappend="${session.menu == '11'} ? 'active'">
                        <a th:href="@{/user/job/posted.html}">My Post</a>
                    </li>
                    <li th:classappend="${session.menu == '12'} ? 'active'">
                        <a th:href="@{/user/follower.html}">My Follower</a>
                    </li>
                    <li th:classappend="${session.menu == '13'} ? 'active'">
                        <a th:href="@{/user/application/received.html}">Application Received</a>
                    </li>
                </ul>
            </li>
            <li th:classappend="${session.menu == '1'} ? 'active'" >
                <a th:href="@{/student/index.html}">
                    <i class="fa fa-group"></i>
                    <span class="nav-label">Students</span>
                </a>
            </li>
            <li th:classappend="${session.menu == '2'} ? 'active'" >
                <a th:href="@{/company/index.html}">
                    <i class="fa fa-database"></i>
                    <span class="nav-label">Companies</span>
                </a>
            </li>
            <li th:classappend="${session.menu == '3' || session.menu == '4'} ? 'active'">
                <a href="#">
                    <i class="fa fa-bandcamp"></i>
                    <span class="nav-label">Job Information</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level collapse">
                    <li th:classappend="${session.menu == '3'} ? 'active'">
                        <a th:href="@{/jobs/index.html}">Job List</a>
                    </li>
                    <li th:if="${session.user_flag} == '1'"
                        th:classappend="${session.menu == '4'} ? 'active'">
                        <a th:href="@{/jobs/post/index.html}">Job Post</a>
                    </li>
                </ul>
            </li>
            <li th:classappend="${session.menu == '5'} ? 'active'">
                <a th:href="@{/message/index.html}">
                    <i class="fa fa-bell" aria-hidden="true"></i>
                    <span class="nav-label">Message</span>
                </a>
            </li>
        </ul>

    </div>
</nav>
</div>
</html>
